<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="renderer" content="webkit">
		<title>Orun 快乐跑 - 让奔跑更有趣</title>
		<link rel="stylesheet" type="text/css" href="statics/css/lib/swiper.min.css"/>
		<link rel="stylesheet" href="statics/css/orun3/global.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_291365_7gidnx6979zfr.css" />
		<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
		<script type="text/javascript" src="statics/js/orun_index/orun3_global.js"></script>
		
		<script>
			// rem布局
			(function(win,doc){
			    function change(){
			    	var a = doc.documentElement.clientWidth/375*20;
			    	if(a>40)a=40;
			        doc.documentElement.style.fontSize=a+'px';
			    }
			    change();
			    win.addEventListener('resize',change,false);
			})(window,document);
		</script>
	</head>
	<body>
		<div class="mi_bg">
			<div class="swiper-container swiper-mi">
				<div class="swiper-wrapper">
				    <div class="swiper-slide">
				      	<img src="statics/images/orun3/mswiper1.png" />
				    </div>
				    <div class="swiper-slide">
				    	<img src="statics/images/orun3/mswiper2.png" />
				    </div>
				    <div class="swiper-slide">
				      	<img src="statics/images/orun3/mswiper3.png" />
				    </div>
				</div>
			</div>
		</div>
		<div class="mi_Conbox">
			<div id="mHead">
				<nav class="mNav clearfloat">
					<div class="fl flex-row flex-baseline">
						<a class="mLogo" href="javascript:;"></a>
						<span class="mLogoNav">首页</span>
					</div>
					<button id="mNavbarBtn" type="button" class="navbar-toggle fr">
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
				    <div class="fl">
				    	<div id="mNavbarCon" class="navbar-mcollapse hide">          
					        <ul class="mnavbar-nav navbar-right">
					        	<li class="closeBtn">
					            	<a class="csdafont sicon-delete2" href="javascript:;"></a>
					            </li>
					            <li class="active">
					            	<a class="active" href="orun3_mIndex.html">首页</a>
					            </li>
					            <li class="active">
					            	<a href="orun3_mPro.html">快乐跑产品</a>
					            </li>
					            <li>
					            	<a href="orun3_mDownload.html">微信</a>
					            </li>
					            <li>
					            	<a href="orun3_maboutUs.html">关于我们</a>
					            </li>
					        </ul>
					    </div>
				    </div>
				    
				</nav>
			</div>
			<img class="mi_slogan" src="statics/images/orun3/slogan_m.png"/>
			<a class="mi_download" href="javascript:;">下载快乐跑</a>
			<div class="opa">
				<div class="openBrowser"></div>
			</div>
		</div>
		
		<div style="display: none">
			<script>
				var _hmt = _hmt || [];
				(function() {
				  var hm = document.createElement("script");
				  hm.src = "https://hm.baidu.com/hm.js?967359526fca29be4d18e53fe242fbcc";
				  var s = document.getElementsByTagName("script")[0]; 
				  s.parentNode.insertBefore(hm, s);
				})();
			</script>
		</div>
		<script src="statics/js/libs/swiper.min.js"></script>
		<script>
			$(function(){
				//设置背景图高度
				var viewH = $(window).height();
				$('.mi_bg').height(viewH);
				//判断是否是ios wx
				var isIos = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
				var isWx = navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == "micromessenger";
				
				if(isIos){
				    var downloadUrl = 'http://www.orunapp.com/dl/ios';
				    $('.mi_download').attr('href', downloadUrl);  
				}else{
				    if(isWx){   
					    $('.mi_download').on('touchstart', function(){
					        $('.opa').css('display',"block");
					    })   
					}else{
					    var downloadUrl = 'http://www.sportchina.org.cn/dl/android';
					    $('.mi_download').attr('href', downloadUrl);
					}
				}
				
				//ban轮播
    			new Swiper(".swiper-mi",{
					autoplay: 2e3,
					effect:"fade",
					speed:2e3
				})
			})
		</script>
	</body>
</html>
